{% extends "base.html" %}
{% block head %}
<link rel="stylesheet" type="text/css" href="/static/css/user_center.css">
{% endblock %}

{% block middle %}
<div class="user-profile-head-info">
    <div class="user-profile-head-info-t">
        <div class="user-profile-head-info-l">
            <div class="user-profile-head-info-ll">
                <div class="user-profile-avatar">
                    <img id="head_portrait" src="/static/images/users_images/default.jpg">
                </div>
            </div>
            <div class="user-profile-head-info-rr">
                <div class="user-profile-head-info-r-t">
                    <div class="user-profile-head-name">
                        <div class="user-name-str">{{ username }}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="user-profile-head-info-r">
            <div class="user-profile-operate-btn">
                <a id="edit_inf" href="/users/edit_userinfo?username={{ username }}">编辑资料</a>
            </div>
        </div>
    </div>
    <div class="user-profile-head-info-b">
        <p class="introduction-fold">
            <span id="user_introduction_span">个人简介：</span> {{ personal_profile }}
        </p>
        <div class="user-profile-head-info-b-r">
            <div class="user-general-info">
                <ul>
                    <li class="user-general-info-join">
                        <span>加入时间：</span> <span> {{ registration_time }} </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

{% endblock %}